<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>登陆</title>
<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="/static/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/static/js/plugins/layer/layer.js"></script>
<script type="text/javascript" src="/static/js/plugins/hcinits/_hcinits.js"></script>
<style type="text/css">
	html,body{width:100%;height:100%;margin: 0;}
	ul,li{list-style: none;padding: 0;margin: 0;}
	#particles-js{width: 100%;height: 100%;position: absolute;overflow:hidden;
	    background: #000046;
	    background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
	    background: linear-gradient(to right, #1CB5E0, #000046);}
	.akrLogin{width: 300px;height: 300px;padding:40px 20px;position: absolute;left: 50%;top:50%;margin-left: -170px;margin-top: -190px;background: rgba(255,255,255,.2);border-radius: 20px/60px}
	.akrLogin h3{margin: 0px auto 25px;text-align: center;color: #fff;font-size: 26px;}
	.akrLogin li{margin: 10px auto 0;padding: 5px 8px;overflow: hidden;}
	.akrLogin li input{width: calc(100% - 24px);height: 35px;line-height:35px;padding: 0 10px;border:1px solid transparent;border-radius: 6px;box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;color: #fff;background: rgba(45,45,45,.15);}
	.akrLogin li input[name='yzm']{width: 50%;}
	.akrLogin li input[name='name']:focus,
	.akrLogin li input[name='password']:focus,
	.akrLogin li input[name='yzm']:focus,
	.akrLogin li input[type='button']:focus{box-shadow: 0 0 8px #fff;border-radius: 6px;border-color: #fff;}
	.akrLogin li .yzm_btn{width: 40%;height: 37px;line-height: 37px;float: right;border-radius: 6px;overflow: hidden;cursor: pointer;}
	.akrLogin li .yzm_btn img{max-width: 100%;}
	.akrLogin li input[type='button']{width: 100%;height: 39px;line-height: 39px;background: #0c4c86;cursor: pointer;}
	.akrLogin li input[type='button']:hover{border-color: #EBD292;box-shadow: 0px 0px 8px #fff;}
 	input:-ms-input-placeholder{color: #fff;}
    input:-moz-placeholder{color: #fff;}
    input::-webkit-input-placeholder{color: #fff;}
    input::-moz-placeholder{color: #fff;}
</style>
</head>
<body>
	<div id="particles-js"></div>
	<form id="sub_form">
		<ul class="akrLogin" id="login">
			<h3>奥科睿项目管理系统</h3>
			<li>
				<input type="text" name="name"  placeholder="账号">
			</li>
			<li>
				<input type="password" name="password" placeholder="密码">
			</li>
			<li>
				<input type="text" name="yzm" placeholder="验证码">
	            <span class="yzm_btn" onclick="changeImg()"><img id="Imageid" src="<{$pmsroot}>/Login/verity"></span>
			</li>
			<li>
				<input type="button" class="sub_form_botton" value="登陆">
			</li>
		</ul>
	</form>
<script type="text/javascript" src="/static/js/plugins/particles/particles.min.js"></script>
<script type="text/javascript" src="/static/js/plugins/particles/app.js"></script>
<script>
	function changeImg(){
        document.getElementById("Imageid").src ="<{$pmsroot}>/Login/verity?id="+new Date();
    }
	$(function(){
		$('.sub_form_botton').click(function(){
			_hcinits.init(['_ajaxs_min','_layer_admin_min'],function(){
				_ajaxs=_hcinits._ajaxs;
				_layer_admin=_hcinits._layer_admin;
				 postdata=_ajaxs.from('#sub_form');
				_ajaxs.post('/Login/login',postdata,function(data){
					if(data.status){
						_layer_admin.successMsg(data.message,function(){
							window.location.href='/AdminIndex/index';
						})
					}else{
						_layer_admin.errorMsg(data.message);
					}
				})
			})
		})
	})
	document.onkeydown=function(event){
        var e = event || window.event || arguments.callee.caller.arguments[0];
        if(e && e.keyCode==13){ // enter 键
             $('.sub_form_botton').click();
        }
    };
</script>
</body>
</html>